<template>
  <div class="ac-affix-box">
    <el-upload
      action=""
      class="ac-affix"
      :multiple=true
      :show-file-list=false
    >
      <template #trigger>
        <el-button
          style="margin-right: 10px;"
          type="success"
        >
          <ac-icon
            iconId="018ece4f70fcf0627f81"
            style="margin-right: 5px"
          />点击上传
        </el-button>
      </template>
    </el-upload>
  </div>
</template>

<script setup>
</script>

<style scoped lang="scss">
.ac-affix-box {
  width: 100%;
}
.ac-affix {
  text-align: left;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
}
.file {
  width: 100%;
}
.file-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  > span {
    margin-right: 5px;
  }
  :deep(.ac-icon) {
    cursor: pointer;
  }
}
.file-name {
  overflow: hidden;
  min-width: 0;
}
.file-name > span > span {
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.file-upload {
  font-size: 18px;
  margin-left: 5px;
}
.file-download, .file-delete {
  font-size: 18px;
  cursor: pointer;
  margin-left: 5px;
  width: 25px;
}
.file-download:hover, .file-delete:hover {
  color: #409EFF;
}
.file-item[class~=is-disabled] .file-delete {
  display: none;
}
.pack-button:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #FFF;
}
.pack-button:focus {
  color: #409EFF;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.pack-button {
  padding: 9px 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #FFF;
  background-color: #409EFF;
  border-color: #409EFF;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: .1s;
  font-weight: 500;
}
</style>
